[PRO-27] Dashboard: copy changes in bridge page #8191

MananTank · 2025-10-06T15:45:55Z

PR-Codex overview

This PR updates the description text for the thirdweb Bridge to reflect a more accurate representation of its features and modifies the text for a PillLink to emphasize payment acceptance within apps.

Detailed summary

Updated description to specify "3,200+ tokens" instead of "9M+ token routes".
Revised the PillLink text from "Integrate Bridge in your apps in minutes, and start generating revenue" to "Accept Payments in Any Token Right Inside Your App".

✨ Ask PR-Codex anything about this PR by commenting with /codex {your question}

Summary by CodeRabbit

Documentation
- Updated page metadata and description to highlight "3,200+ tokens across 85+ chains" and clearer phrasing ("Best-price routing with near-instant finality") for improved SEO and share previews.
Style
- Refined Bridge page call-to-action to “Accept Payments in Any Token Right Inside Your App,” improving clarity and alignment with user goals.

linear · 2025-10-06T15:45:59Z

PRO-27 Revise bridge pitch to focus on token payments feature

vercel · 2025-10-06T15:46:00Z

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
thirdweb-www	Ready	Preview	Comment	Oct 6, 2025 9:21pm

4 Skipped Deployments

Project	Deployment	Updated (UTC)
docs-v2	Skipped	Oct 6, 2025 9:21pm
nebula	Skipped	Oct 6, 2025 9:21pm
thirdweb_playground	Skipped	Oct 6, 2025 9:21pm
wallet-ui	Skipped	Oct 6, 2025 9:21pm

changeset-bot · 2025-10-06T15:46:00Z

⚠️ No Changeset found

Latest commit: 30b5c30

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

MananTank · 2025-10-06T15:46:10Z

[PRO-27] Dashboard: copy changes in bridge page #8191 👈 (View in Graphite)
main

How to use the Graphite Merge Queue

Add either label to this PR to merge it via the merge queue:

merge-queue - adds this PR to the back of the merge queue
hotfix - for urgent hot fixes, skip the queue and merge this PR next

You must have a Graphite account in order to use the merge queue. Sign up using this link.

_{An organization admin has enabled the Graphite Merge Queue in this repository.} _{Please do not merge from GitHub as this will restart CI on PRs being processed by the merge queue.}

This stack of pull requests is managed by Graphite. Learn more about stacking.

coderabbitai · 2025-10-06T15:46:20Z

Walkthrough

Revised marketing copy on the dashboard bridge page: updated metadata description to reference "3,200+ tokens across 85+ chains" and changed CTA text to "Accept Payments in Any Token Right Inside Your App."

Changes

Cohort / File(s)	Summary
Dashboard Bridge page copy `apps/dashboard/src/app/bridge/page.tsx`	Updated page metadata description text to mention "3,200+ tokens across 85+ chains" and revised the Integrate Bridge PillLink CTA to “Accept Payments in Any Token Right Inside Your App.”

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~2 minutes

Pre-merge checks and finishing touches

❌ Failed checks (2 warnings)

Check name	Status	Explanation	Resolution
Description Check	⚠️ Warning	The pull request description retains the template comments but fails to replace them with the required sections for title format, notes for the reviewer, and testing instructions, leaving essential template headings unpopulated.	Please fill out the description template by providing the formatted PR title, specific notes for the reviewer, and detailed testing instructions under their respective headings in place of the placeholder comments.
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	You can run `@coderabbitai generate docstrings` to improve docstring coverage.

✅ Passed checks (3 passed)

Check name	Status	Explanation
Title Check	✅ Passed	The pull request title “[PRO-27] Dashboard: copy changes in bridge page” accurately reflects the main update by indicating dashboard copy revisions on the bridge page and references the correct issue tag in a concise form.
Linked Issues Check	✅ Passed	The changes remove “in minutes” and “generate revenue” language and update the CTA to emphasize accepting payments in any token, thereby fulfilling the PRO-27 objectives to focus on token payments functionality.
Out of Scope Changes Check	✅ Passed	All modifications are confined to updating the copy on the bridge page component, and there are no unrelated or extraneous code changes outside the scope of the linked issue objectives.

✨ Finishing touches

📝 Generate docstrings

🧪 Generate unit tests (beta)

Create PR with unit tests
Post copyable unit tests in a comment
Commit unit tests in branch pro-27

📜 Recent review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

Disabled knowledge base sources:

Linear integration is disabled by default for public repositories

You can enable these sources in your CodeRabbit configuration.

📥 Commits

Reviewing files that changed from the base of the PR and between 59e2484 and 30b5c30.

📒 Files selected for processing (1)

apps/dashboard/src/app/bridge/page.tsx (2 hunks)

🧰 Additional context used

📓 Path-based instructions (5)

**/*.{ts,tsx}

📄 CodeRabbit inference engine (CLAUDE.md)

**/*.{ts,tsx}: Write idiomatic TypeScript with explicit function declarations and return types
Limit each file to one stateless, single-responsibility function for clarity
Re-use shared types from @/types or local types.ts barrels
Prefer type aliases over interface except for nominal shapes
Avoid any and unknown unless unavoidable; narrow generics when possible
Choose composition over inheritance; leverage utility types (Partial, Pick, etc.)
Comment only ambiguous logic; avoid restating TypeScript in prose

**/*.{ts,tsx}: Use explicit function declarations and explicit return types in TypeScript
Limit each file to one stateless, single‑responsibility function
Re‑use shared types from @/types where applicable
Prefer type aliases over interface except for nominal shapes
Avoid any and unknown unless unavoidable; narrow generics when possible
Prefer composition over inheritance; use utility types (Partial, Pick, etc.)
Lazy‑import optional features and avoid top‑level side‑effects to reduce bundle size

Files:

apps/dashboard/src/app/bridge/page.tsx

**/*.{ts,tsx,js,jsx}

📄 CodeRabbit inference engine (CLAUDE.md)

Load heavy dependencies inside async paths to keep initial bundle lean (lazy loading)

Files:

apps/dashboard/src/app/bridge/page.tsx

apps/{dashboard,playground-web}/**/*.{ts,tsx}

📄 CodeRabbit inference engine (CLAUDE.md)

apps/{dashboard,playground-web}/**/*.{ts,tsx}: Import UI primitives from @/components/ui/* (Button, Input, Select, Tabs, Card, Sidebar, Badge, Separator) in dashboard and playground apps
Use NavLink for internal navigation with automatic active states in dashboard and playground apps
Use Tailwind CSS only – no inline styles or CSS modules
Use cn() from @/lib/utils for conditional class logic
Use design system tokens (e.g., bg-card, border-border, text-muted-foreground)
Server Components (Node edge): Start files with import "server-only";
Client Components (browser): Begin files with 'use client';
Always call getAuthToken() to retrieve JWT from cookies on server side
Use Authorization: Bearer header – never embed tokens in URLs
Return typed results (e.g., Project[], User[]) – avoid any
Wrap client-side data fetching calls in React Query (@tanstack/react-query)
Use descriptive, stable queryKeys for React Query cache hits
Configure staleTime/cacheTime in React Query based on freshness (default ≥ 60s)
Keep tokens secret via internal API routes or server actions
Never import posthog-js in server components

Files:

apps/dashboard/src/app/bridge/page.tsx

apps/{dashboard,playground}/**/*.{ts,tsx}

📄 CodeRabbit inference engine (AGENTS.md)

apps/{dashboard,playground}/**/*.{ts,tsx}: Import UI primitives from @/components/ui/_ (e.g., Button, Input, Tabs, Card)
Use NavLink for internal navigation to get active state handling
Use Tailwind CSS for styling; no inline styles
Merge class names with cn() from @/lib/utils for conditional classes
Stick to design tokens (e.g., bg-card, border-border, text-muted-foreground)
Server Components must start with import "server-only"; use next/headers, server‑only env, heavy data fetching, and redirect() where appropriate
Client Components must start with 'use client'; handle interactivity with hooks and browser APIs
Server-side data fetching: call getAuthToken() from cookies, send Authorization: Bearer <token> header, and return typed results (avoid any)
Client-side data fetching: wrap calls in React Query with descriptive, stable queryKeys and set sensible staleTime/cacheTime (≥ 60s default); keep tokens secret via internal routes or server actions
Do not import posthog-js in server components (client-side only)

Files:

apps/dashboard/src/app/bridge/page.tsx

apps/{dashboard,playground}/**/*.tsx

📄 CodeRabbit inference engine (AGENTS.md)

Expose a className prop on the root element of every component

Files:

apps/dashboard/src/app/bridge/page.tsx

⏰ Context from checks skipped due to timeout of 90000ms. You can increase the timeout in your CodeRabbit configuration to a maximum of 15 minutes (900000ms). (6)

GitHub Check: E2E Tests (pnpm, esbuild)
GitHub Check: E2E Tests (pnpm, webpack)
GitHub Check: Size
GitHub Check: Unit Tests
GitHub Check: Lint Packages
GitHub Check: Analyze (javascript)

🔇 Additional comments (2)

apps/dashboard/src/app/bridge/page.tsx (2)

17-17: LGTM! Copy change aligns with PR objectives.

The updated description correctly emphasizes "3,200+ tokens across 85+ chains" and includes routing quality messaging ("Best-price routing with near-instant finality"), which aligns with the PR objectives from PRO-27.

Note: The number formatting inconsistency between this line ("3,200+") and line 76 ("3200+") has already been flagged in a previous review comment.

108-108: LGTM! CTA text effectively refocuses messaging.

The revised call-to-action successfully removes the time-based promise ("in minutes") and revenue-focused framing, replacing it with a clear, direct value proposition: "Accept Payments in Any Token Right Inside Your App." This aligns perfectly with the PRO-27 objectives to emphasize the bridge's core selling point of enabling apps to accept payments in any token.

Warning

Review ran into problems

🔥 Problems

Errors were encountered while retrieving linked issues.

Errors (1)

TEAM-0000: Entity not found: Issue - Could not find referenced Issue.

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

codecov · 2025-10-06T15:48:03Z

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 55.04%. Comparing base (86461f9) to head (30b5c30).
⚠️ Report is 1 commits behind head on main.

Additional details and impacted files

@@           Coverage Diff           @@
##             main    #8191   +/-   ##
=======================================
  Coverage   55.04%   55.04%           
=======================================
  Files         919      919           
  Lines       60563    60563           
  Branches     4125     4125           
=======================================
  Hits        33338    33338           
  Misses      27121    27121           
  Partials      104      104

Flag	Coverage Δ
packages	`55.04% <ø> (ø)`

🚀 New features to boost your workflow:

❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

coderabbitai

Actionable comments posted: 1

📜 Review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

Disabled knowledge base sources:

Linear integration is disabled by default for public repositories

You can enable these sources in your CodeRabbit configuration.

📥 Commits

Reviewing files that changed from the base of the PR and between 777aed1 and 59e2484.

📒 Files selected for processing (1)

apps/dashboard/src/app/bridge/page.tsx (2 hunks)

🧰 Additional context used

📓 Path-based instructions (5)

**/*.{ts,tsx}

📄 CodeRabbit inference engine (CLAUDE.md)

**/*.{ts,tsx}: Write idiomatic TypeScript with explicit function declarations and return types
Limit each file to one stateless, single-responsibility function for clarity
Re-use shared types from @/types or local types.ts barrels
Prefer type aliases over interface except for nominal shapes
Avoid any and unknown unless unavoidable; narrow generics when possible
Choose composition over inheritance; leverage utility types (Partial, Pick, etc.)
Comment only ambiguous logic; avoid restating TypeScript in prose

**/*.{ts,tsx}: Use explicit function declarations and explicit return types in TypeScript
Limit each file to one stateless, single‑responsibility function
Re‑use shared types from @/types where applicable
Prefer type aliases over interface except for nominal shapes
Avoid any and unknown unless unavoidable; narrow generics when possible
Prefer composition over inheritance; use utility types (Partial, Pick, etc.)
Lazy‑import optional features and avoid top‑level side‑effects to reduce bundle size

Files:

apps/dashboard/src/app/bridge/page.tsx

**/*.{ts,tsx,js,jsx}

📄 CodeRabbit inference engine (CLAUDE.md)

Load heavy dependencies inside async paths to keep initial bundle lean (lazy loading)

Files:

apps/dashboard/src/app/bridge/page.tsx

apps/{dashboard,playground-web}/**/*.{ts,tsx}

📄 CodeRabbit inference engine (CLAUDE.md)

apps/{dashboard,playground-web}/**/*.{ts,tsx}: Import UI primitives from @/components/ui/* (Button, Input, Select, Tabs, Card, Sidebar, Badge, Separator) in dashboard and playground apps
Use NavLink for internal navigation with automatic active states in dashboard and playground apps
Use Tailwind CSS only – no inline styles or CSS modules
Use cn() from @/lib/utils for conditional class logic
Use design system tokens (e.g., bg-card, border-border, text-muted-foreground)
Server Components (Node edge): Start files with import "server-only";
Client Components (browser): Begin files with 'use client';
Always call getAuthToken() to retrieve JWT from cookies on server side
Use Authorization: Bearer header – never embed tokens in URLs
Return typed results (e.g., Project[], User[]) – avoid any
Wrap client-side data fetching calls in React Query (@tanstack/react-query)
Use descriptive, stable queryKeys for React Query cache hits
Configure staleTime/cacheTime in React Query based on freshness (default ≥ 60s)
Keep tokens secret via internal API routes or server actions
Never import posthog-js in server components

Files:

apps/dashboard/src/app/bridge/page.tsx

apps/{dashboard,playground}/**/*.{ts,tsx}

📄 CodeRabbit inference engine (AGENTS.md)

apps/{dashboard,playground}/**/*.{ts,tsx}: Import UI primitives from @/components/ui/_ (e.g., Button, Input, Tabs, Card)
Use NavLink for internal navigation to get active state handling
Use Tailwind CSS for styling; no inline styles
Merge class names with cn() from @/lib/utils for conditional classes
Stick to design tokens (e.g., bg-card, border-border, text-muted-foreground)
Server Components must start with import "server-only"; use next/headers, server‑only env, heavy data fetching, and redirect() where appropriate
Client Components must start with 'use client'; handle interactivity with hooks and browser APIs
Server-side data fetching: call getAuthToken() from cookies, send Authorization: Bearer <token> header, and return typed results (avoid any)
Client-side data fetching: wrap calls in React Query with descriptive, stable queryKeys and set sensible staleTime/cacheTime (≥ 60s default); keep tokens secret via internal routes or server actions
Do not import posthog-js in server components (client-side only)

Files:

apps/dashboard/src/app/bridge/page.tsx

apps/{dashboard,playground}/**/*.tsx

📄 CodeRabbit inference engine (AGENTS.md)

Expose a className prop on the root element of every component

Files:

apps/dashboard/src/app/bridge/page.tsx

⏰ Context from checks skipped due to timeout of 90000ms. You can increase the timeout in your CodeRabbit configuration to a maximum of 15 minutes (900000ms). (7)

GitHub Check: E2E Tests (pnpm, webpack)
GitHub Check: E2E Tests (pnpm, vite)
GitHub Check: Size
GitHub Check: E2E Tests (pnpm, esbuild)
GitHub Check: Unit Tests
GitHub Check: Lint Packages
GitHub Check: Analyze (javascript)

🔇 Additional comments (1)

apps/dashboard/src/app/bridge/page.tsx (1)

108-108: LGTM! Aligns perfectly with PR objectives.

The CTA text successfully shifts focus from revenue generation to the core value proposition of accepting payments in any token. This change directly addresses the requirements from issue PRO-27.

apps/dashboard/src/app/bridge/page.tsx

github-actions · 2025-10-06T15:50:57Z

size-limit report 📦

Path	Size	Loading time (3g)	Running time (snapdragon)	Total time
thirdweb (esm)	64.55 KB (-0.08% 🔽)	1.3 s (-0.08% 🔽)	206 ms (+277.16% 🔺)	1.5 s
thirdweb (cjs)	365.75 KB (0%)	7.4 s (0%)	611 ms (+20.98% 🔺)	8 s
thirdweb (minimal + tree-shaking)	5.73 KB (0%)	115 ms (0%)	101 ms (+3253.56% 🔺)	216 ms
thirdweb/chains (tree-shaking)	526 B (0%)	11 ms (0%)	67 ms (+5604.58% 🔺)	77 ms
thirdweb/react (minimal + tree-shaking)	19.13 KB (0%)	383 ms (0%)	69 ms (+1737.71% 🔺)	451 ms

graphite-app · 2025-10-06T19:13:50Z

Merge activity

Oct 6, 7:13 PM UTC: MananTank added this pull request to the Graphite merge queue.
Oct 6, 9:21 PM UTC: Merged by the Graphite merge queue.

--- ## PR-Codex overview This PR updates the `description` in the `page.tsx` file for the `bridge` component, enhancing its clarity and accuracy regarding token capabilities. It also modifies the text of a `PillLink` to better reflect its functionality. ### Detailed summary - Updated the `description` to specify "3,200+ tokens" instead of "9M+ token routes". - Changed the `PillLink` text from "Integrate Bridge in your apps in minutes, and start generating revenue" to "Accept Payments in Any Token Right Inside Your App". > ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}`   ## Summary by CodeRabbit - **Documentation** - Updated page metadata to reflect 3,200+ tokens across 85+ chains, with clearer phrasing around finality and pricing for improved SEO and share previews. - **Style** - Refined call-to-action on the Bridge page to “Accept Payments in Any Token Right Inside Your App,” improving clarity and alignment with user goals.

vercel bot temporarily deployed to Preview – wallet-ui October 6, 2025 15:45 Inactive

vercel bot temporarily deployed to Preview – nebula October 6, 2025 15:46 Inactive

MananTank marked this pull request as ready for review October 6, 2025 15:46

MananTank requested review from a team as code owners October 6, 2025 15:46

vercel bot temporarily deployed to Preview – thirdweb_playground October 6, 2025 15:46 Inactive

vercel bot temporarily deployed to Preview – docs-v2 October 6, 2025 15:46 Inactive

github-actions bot assigned MananTank Oct 6, 2025

github-actions bot added the Dashboard Involves changes to the Dashboard. label Oct 6, 2025

coderabbitai bot reviewed Oct 6, 2025

View reviewed changes

apps/dashboard/src/app/bridge/page.tsx Show resolved Hide resolved

vercel bot deployed to Preview – thirdweb-www October 6, 2025 15:54 View deployment

jakeloo approved these changes Oct 6, 2025

View reviewed changes

graphite-app bot force-pushed the pro-27 branch from 59e2484 to 30b5c30 Compare October 6, 2025 21:12

vercel bot temporarily deployed to Preview – docs-v2 October 6, 2025 21:12 Inactive

vercel bot temporarily deployed to Preview – wallet-ui October 6, 2025 21:12 Inactive

vercel bot temporarily deployed to Preview – thirdweb_playground October 6, 2025 21:12 Inactive

vercel bot temporarily deployed to Preview – nebula October 6, 2025 21:12 Inactive

vercel bot deployed to Preview – thirdweb-www October 6, 2025 21:21 View deployment

graphite-app bot merged commit 30b5c30 into main Oct 6, 2025
24 checks passed

graphite-app bot deleted the pro-27 branch October 6, 2025 21:21

vercel bot temporarily deployed to Production – wallet-ui October 6, 2025 21:21 Inactive

vercel bot temporarily deployed to Production – docs-v2 October 6, 2025 21:21 Inactive

vercel bot temporarily deployed to Production – thirdweb_playground October 6, 2025 21:21 Inactive

vercel bot temporarily deployed to Production – nebula October 6, 2025 21:21 Inactive

vercel bot deployed to Production – thirdweb-www October 6, 2025 21:29 View deployment

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

[PRO-27] Dashboard: copy changes in bridge page #8191

[PRO-27] Dashboard: copy changes in bridge page #8191

Uh oh!

MananTank commented Oct 6, 2025 •

edited by coderabbitai bot

Loading

Uh oh!

linear bot commented Oct 6, 2025

Uh oh!

vercel bot commented Oct 6, 2025 •

edited

Loading

Uh oh!

changeset-bot bot commented Oct 6, 2025 •

edited

Loading

Uh oh!

MananTank commented Oct 6, 2025

Uh oh!

coderabbitai bot commented Oct 6, 2025 •

edited

Loading

Review ran into problems

Uh oh!

codecov bot commented Oct 6, 2025 •

edited

Loading

Uh oh!

coderabbitai bot left a comment

Uh oh!

Uh oh!

github-actions bot commented Oct 6, 2025 •

edited

Loading

Uh oh!

graphite-app bot commented Oct 6, 2025 •

edited

Loading

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

[PRO-27] Dashboard: copy changes in bridge page #8191

[PRO-27] Dashboard: copy changes in bridge page #8191

Uh oh!

Conversation

MananTank commented Oct 6, 2025 • edited by coderabbitai bot Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

PR-Codex overview

Detailed summary

Summary by CodeRabbit

Uh oh!

linear bot commented Oct 6, 2025

Uh oh!

vercel bot commented Oct 6, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

changeset-bot bot commented Oct 6, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

⚠️ No Changeset found

Uh oh!

MananTank commented Oct 6, 2025

How to use the Graphite Merge Queue

Uh oh!

coderabbitai bot commented Oct 6, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Walkthrough

Changes

Estimated code review effort

Pre-merge checks and finishing touches

Review ran into problems

Uh oh!

codecov bot commented Oct 6, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Codecov Report

Uh oh!

coderabbitai bot left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

github-actions bot commented Oct 6, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

size-limit report 📦

Uh oh!

graphite-app bot commented Oct 6, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Merge activity

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

MananTank commented Oct 6, 2025 •

edited by coderabbitai bot

Loading

vercel bot commented Oct 6, 2025 •

edited

Loading

changeset-bot bot commented Oct 6, 2025 •

edited

Loading

coderabbitai bot commented Oct 6, 2025 •

edited

Loading

codecov bot commented Oct 6, 2025 •

edited

Loading

github-actions bot commented Oct 6, 2025 •

edited

Loading

graphite-app bot commented Oct 6, 2025 •

edited

Loading